<template>
  <div id="wrap">
    <div id="Dtitle">
      <div class="top b-r">
        <div class="more"><span class="iconfont">&#xe7eb;</span></div>
        <div class="fen">
          <span class="f60 fz22">4.9</span><span class="f60 fz14">分</span><span class="good f60 fz14">很棒</span>
        </div>
        <div class="pinglun">
          1818条评论
        </div>
      </div>
      <div class="top r">
        <div class="more"><span class="iconfont">&#xe7eb;</span></div>
        <div class="jianjie-tit">
          景点简介
        </div>
        <div class="info">
          开放时间、贴士
        </div>
      </div>
    </div>
    <div class="map fz14">
      <div class="more"><span class="iconfont">&#xe7eb;</span></div>
      <div class="iconfont ditu">&#xe62a;</div>
      <p class="text">河北省石家庄市平山县温塘镇白鹿温泉景区（近白鹿大道）</p>
    </div>
    <div class="zhanwei"></div>
  </div>
</template>

<script>
export default {
  name: 'Dtitle'
}
</script>

<style lang="stylus" scoped>
@import '~stylee/stylus'
  .more
    position absolute
    top: 50%;
    right: 5px;
    margin-top: -8px;
    color #ccc
  .good
    padding-left: 10px;
  #Dtitle
    position relative
    top: -5px;right: 0;left: 0;
    background-color #fff
    border-top-left-radius 8px
    border-top-right-radius 8px
    overflow: hidden;
    padding: 10px;
    border-bottom 1px solid #eee
    .r
      padding-left: 10px;
    .top
      float left
      width: 50%;
      box-sizing border-box
      overflow hidden
      line-height: 22px;
      position relative
      .pinglun
        color #616161
        font-size: 14px;
      .jianjie-tit
        font-size: 14px;
      .info
        font-size: 12px;
        color #616161
  .ditu
    float left
    margin-left: 10px;
  .map
    line-height: 20px;
    padding: 10px 0;
    position relative
    .text
      padding: 0 35px;
</style>
